<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
          函数：
            1.封装了一段可以重复执行的代码，对外暴露一个函数名，隐藏了函数内服的细节。
            2.使用时，调函数名即可
            3.函数不调用，不执行。调用一次，执行一次。
            4.先声明，再使用，和变量一样。
            5.某个人做了某件事情。某个事情就是函数。
            6.函数就是某个动作，函数名用动词。函数名命名规则是小驼峰。
            7.函数、方法、API、接口 同一个事物 ，不同的名字。
            8.执行顺序

            语法结构：
              function 函数名（）{
                函数体；
              }
              调用：
                   函数名();
        */

        let age = 20;
        function buy() {
          if(age > 18){
            console.log('给你喝啤酒');
          } else{
            console.log('给你喝雪碧');
          }
        }

        buy();
        buy();
       // 自己封装并调用函数，去旅游，做饭，上学。
        function travel(){
            console.log('准备行李');
            console.log('选择目的地');
            console.log('开车或者坐车');
            console.log('到达目的地');
            console.log('住酒店');
            console.log('出去玩');
         }
         travel();

         function cook(){
            console.log('先切好鸡子');
            console.log('准备好葱姜蒜');
            console.log('先下油炒出小料香味');
            console.log('再放入鸡肉');
            console.log('加水焖煮');
            console.log('加入生抽、蚝油、料酒、鸡精、盐');
            console.log('出锅装盘');
         }
          cook();

          function school(){
            console.log('起床');
            console.log('穿衣服');
            console.log('洗脸刷牙');
            console.log('吃早餐');
            console.log('换鞋出门');
            console.log('步行数十里');
            console.log('进门扫码');
            console.log('准备上课');
          }

          school();
    </script>
</body>
</html>